<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="input">
    <script>
           var arr = [
            "添加了附近你",
            "字符长度超过三位",
            "附近的好友",
            "你好"
        ]
    var input = document.querySelector("input");
    input.onkeyup = function(e){
        if(e.keyCode==13){
            var value = this.value;
            console.log(value)
            var newarr = arr.filter(function(item){
                return item.includes(value);
               
            }) 
            console.log(newarr)
            var res = newarr.map(function(k){
                if(k.length>3){
                    k = k.slice(0,3)+"..."
                }
                return k;
            })
            console.log(res)
        }
       
    } 
    

    </script>
</body>
</html>